<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <!-- 根据isProd（在vue.config.js中设置的用来判断当前属于什么阶段）再通过 三元表达式 来决定标题显示什么 -->
  <title>
    <%= htmlWebpackPlugin.options.isProd ? '' : '开发阶段-' %>电商管理系统
  </title>
  <!-- htmlWebpackPlugin.options.isProd     isProd表示这是生产模式 -->
  <% if(htmlWebpackPlugin.options.isProd){ %>
    <!-- ----------------------------在build打包时 引入CDN样式，减小打包体积--------------------------------- -->
    <!-- nprogress的样式 通过CDN联网引入，减小打包体积 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/nprogress/0.2.0/nprogress.min.css">
    <!-- 富文本编辑器quill的样式 通过CDN联网引入，减小打包体积 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/quill/1.3.4/quill.core.min.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/quill/1.3.4/quill.snow.min.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/quill/1.3.4/quill.bubble.min.css">
    <!-- 引入elementUI的CSS，减小打包后elementUI的依赖大小 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.8.2/theme-chalk/index.css">

    <!-- -------------------------在build打包时 引入CDN中对应用到的组件的js文件，减小打包后依赖项的体积--------------------------------- -->
    <script src="https://cdn.staticfile.org/vue/2.5.22/vue.min.js"></script>
    <!-- 引入的vue-router CDN 如果vue.config.js中没有把router组件设置到externals里，就相当于没用到，会报错，
  因为在这里通过CDN引入，就相当于全局import了，如果没有在配置文件里设置，那就会有两个import router
  -->
    <script src="https://cdn.staticfile.org/vue-router/3.0.1/vue-router.min.js"></script>
    <script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
    <script src="https://cdn.staticfile.org/lodash.js/4.17.11/lodash.min.js"></script>
    <script src="https://cdn.staticfile.org/echarts/4.1.0/echarts.min.js"></script>
    <script src="https://cdn.staticfile.org/nprogress/0.2.0/nprogress.min.js"></script>
    <!-- 富文本编辑器的js文件 -->
    <script src="https://cdn.staticfile.org/quill/1.3.4/quill.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue-quill-editor@3.0.4/dist/vue-quill-editor.js"></script>

    <!-- 引入elementUI的JS，减小打包后elementUI的依赖大小 -->
    <script src="https://cdn.staticfile.org/element-ui/2.8.2/index.js"></script>
    <% } %>

</head>

<body>
  <noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
        Please enable it to
        continue.</strong>
  </noscript>
  <div id="app"></div>
  <!-- built files will be auto injected -->
</body>

</html>